@charset "utf-8";
html{overflow-x: hidden;  padding: 0; margin: 0; font-size: 625%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{ color: #333; background: #FFF;  width: 100%; overflow-x: hidden; margin: 0 auto;  font-family:Helvetica,"微软雅黑", sans-serif; font-size: 14px; font-size:14px;max-width:6.4rem;
-webkit-overflow-scrolling: touch; -o-overflow-scrolling: touch; -moz-overflow-scrolling: touch; position:relative;
}
em,i{
	font-style: normal;
}
a{
	text-decoration: none;
}
img{border: none; }
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
li{ list-style: none outside none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
ol,ul{overflow: hidden;}
.clear{ clear:both;}
.mb1{ margin-bottom:0.1rem;}
.mb2{ margin-bottom:0.2rem;}
.pb2{ padding-bottom:0.3rem;}
.pb1{ padding-bottom:0.1rem;}
.newmb4{margin-bottom:4%;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.conter{ text-align:center;}
.samebtnfr{float:right; margin-left:0; margin-right:2%;}
.fixmargin{overflow:hidden;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

/*以下a和a:active定义为了解决在点击a标签时所出现的虚线框*/
a {
	text-decoration: none;
	outline: none;
}
a:active {star:expression(this.onFocus=this.blur());}


/* iconfont */
@font-face {
	font-family: 'iconfont';
    src: url('iconfont.woff') format('woff'), 
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg'); 
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


.banner{ width:100%; overflow:hidden; position:relative;}
.banner p{ float:left; height:auto; width:100%; font-size:0px;}
.banner p img{ width:100%; height:auto; display: block;}

/* 运营数据样式 */
.ope_title{
	margin:0.5rem 0;
}

.ope_data{
	display: flex;
	justify-content: space-around;
	text-align: center;
	padding:0 0.2rem;
	margin-top:0.3rem;
}
.ope_data p{
	font-size: 0.3rem;
	color:#83a9d7;

}
.ope_data h2{
	font-size: 0.2rem;
	color:#83a9d7;
	margin-top:0.2rem;
}
.ope_total h2>span,.ope_money h2>span{
	background-image: -webkit-gradient(linear, left 0, right 0, from(#9d74e3), to(#767cdd));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
	-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
	font-size: 0.4rem;
	font-weight: bold;
}

.ope_user h2>span,.ope_mount h2>span{
	background-image: -webkit-gradient(linear, left 0, right 0, from(#f96a5f), to(#f65a61));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
	-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
	font-size: 0.4rem;
	font-weight: bold;
}
.ope_duifu>h2{
	color:#44d1ba;
	font-size: 0.3rem;
}
.ope_error>h2{
	color:#9d81e3;
	font-size: 0.3rem;
}
.ope_day{
	margin-top:0.5rem;
	font-size: 0.3rem;
	color:#ff7b58;
	text-align: center;
}
.ope_day>span{
	font-size: 0.5rem;
}
.ope_time{
	margin-top:0.3rem;
	font-size: 0.3rem;
	color:#8cafd9;
	text-align: center;
}
.yunyingbaogao{
	font-size: 0.3rem;
	margin:0.5rem 0;
	text-align:center;
	font-weight: bold;
}
/******************* 自适应【320、480、600】 *******************/
@media screen and (max-width: 319px){
	html{font-size: 300%;}
	
	.xtitle b{border-bottom:1px dashed #fa8c00;}
}
@media screen and (min-width: 320px) and (max-width:359px){
	html{font-size: 350%;} /* 325% */
}
@media screen and (min-width: 360px) and (max-width:479px){
	html{font-size: 410%;}
	
	.odds .oddtxt{line-height:0.24rem; height:0.72rem;}
	.odds h1{font-size:0.24rem; padding-bottom:5%;}
	.odds li{width:31%;}
	
	.xtitle b{border-bottom:1px dashed #fa8c00;}
}
@media screen and (min-width: 480px) and (max-width:639px){
	html{font-size: 468%;}
	
	.odds .oddtxt{line-height:0.24rem; height:0.72rem;}
	.odds .oddicon .iconfont{font-size:0.6rem;}
	.odds h1{font-size:0.24rem; padding-bottom:5%;}
	.odds li{width:31%;}
}
@media screen and (min-width: 640px) and (max-width:719px){
	html{font-size: 625%;}
}
@media screen and (min-width: 720px) and (max-width:1080px){
	html{font-size: 705%;}
}
@media screen and (min-width: 1200px){
	html{font-size: 900%;}
}